<%@include file="header.html" %>
<%@include file="banner.html" %>
<div class="container"> 
  <h1>Register Now</h1>
  <form action = "Register" method ="post">
  <div class="ui small form segment" style="height:500px; width:700px" >   
    <div class="two fields">
      <div class="field">
        <label for="GivenName">Given Name</label>
        <input id="GivenName" name = "GivenName" placeholder="Given Name" type="text" />
      </div>

      <div class="field">
        <label for="Surname">Surname</label>
        <input id="Surname" name = "Surname"placeholder="Surname" type="text">
      </div>
    </div>

    <div class="field">
      <label for="Email">Email</label>
      <input id="Email" name="Email"placeholder="Email" type="text">
    </div>

    <div class="field">
      <label for="Phone">Phone</label>
      <input id="Phone" name="Phone" placeholder="Phone" type="text">
    </div>

    <div class="field">
      <label for="Password">Password</label>
      <input id="Password" name="Password" type="password">
    </div>

    <div class="field">
      <label for="PasswordConfirm">Password Confirm</label>
      <input id="PasswordConfirm" name="PasswordConfirm" type="password">
    </div>

	<div class="field">
      <label for="Refered">Referred by(option):</label>
      <input id="Refered" name="Referred" type="Referred">
    </div>
    <button class="ui blue button" value = "submit" type="submit">Submit</button>
  </div>    
  </form>
</div>
<%@include file="footer.html" %>
</body>

</html>